// 使用图标
<template>
<p>你可以通过为 Alert 组件添加图标来提高可读性。</p>
<p>通过设置 <code>show-icon</code> 属性来显示 Alert 的 icon，这能更有效地向用户展示你的显示意图。</p>
  <div style="max-width: 600px">
    <el-alert title="Success alert" type="success" show-icon />
    <el-alert title="Info alert" type="info" show-icon />
    <el-alert title="Warning alert" type="warning" show-icon />
    <el-alert title="Error alert" type="error" show-icon />
  </div>
</template>

<style scoped>
@import '../../assets/elementPlusDemo.css'
</style>

<style scoped>
.el-alert {
  margin: 20px 0 0;
}
.el-alert:first-child {
  margin: 0;
}
</style>

